<template>
    <div class="m-menu">
        <template v-for="item in list" :key="item.label">
            <MMenuItem :item="item"></MMenuItem>
        </template>
    </div>
</template>

<script>
import MMenuItem from '@/components/sidebar/menu-item.vue'

export default {
    name: 'm-menu',
    components: {
        MMenuItem,
    },
    data() {
        return {
            list: [
                {   
                    icon: '',
                    label: '次元美图',
                },
                {
                    icon: '',
                    label: '在线动漫',
                },
                {
                    icon: '',
                    label: '在线漫画',
                },
                {
                    icon: '',
                    label: '动漫下载',
                },
            ],
        }
    },
}
</script>

<style lang="scss" scoped>
.m-menu {
    flex-grow: 1;
}
</style>